<template>
  <div>
    <load-more tip="今日预警信息" :show-loading="false" background-color="#fbf9fe"></load-more>
    <div style="padding:0 15px;">
      <x-table>
        <thead>
        <tr style="background-color:#49AEF1">
          <th>名称</th>
          <th>数量</th>
          <th>时间</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td><p style="color:#787878; font-size:14px;"><router-link to="/Home/Monitor/Pl3">排列3游戏预警</router-link></p></td>
          <td><p style="color:#787878; font-size:14px;">10</p></td>
          <td><p style="color:#787878; font-size:14px;">01:01:01</p></td>
        </tr>
        <tr>
          <td><p style="color:#787878; font-size:14px;">高频游戏预警</p></td>
          <td><p style="color:#787878; font-size:14px;">3</p></td>
          <td><p style="color:#787878; font-size:14px;">11:01:01</p></td>
        </tr>
        </tbody>
      </x-table>
    </div>
    <load-more tip="本月预警信息" :show-loading="false" background-color="#fbf9fe"></load-more>
    <div style="padding:0 15px;">
      <x-table full-bordered>
        <thead>
        <tr style="background-color:#49AEF1">
          <th>名称</th>
          <th>数量</th>
          <th>月份</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td><p style="color:#787878; font-size:14px;">排列3游戏预警</p></td>
          <td><p style="color:#787878; font-size:14px;">10</p></td>
          <td><p style="color:#787878; font-size:14px;">4</p></td>
        </tr>
        <tr>
          <td><p style="color:#787878; font-size:14px;">高频游戏预警</p></td>
          <td><p style="color:#787878; font-size:14px;">3</p></td>
          <td><p style="color:#787878; font-size:14px;">4</p></td>
        </tr>
        </tbody>
      </x-table>
    </div>
  </div>
</template>

<script>
  import { XTable, LoadMore } from 'vux'

  export default {
    components: {
      XTable,
      LoadMore
    }
  }
</script>
